<template>
	<view class="page page-fill">
		<!-- <view class="status_bar"> -->
		    <!-- 这里是状态栏 -->
		<!-- </view> -->
		
		<view class="header-nav">
			<p class="status_flex">我的</p>
			<view class="set-wapper status_flex">
				<image src="../../static/home/site.svg" class="settings" @click="viewMeInfo"></image>
			</view>
		</view>
		
		<view class="header-top">
			<view class="header-main">
				<!-- <view v-if="userIsLogin">
					<image src="../../static/icons/108x108.png" class="face"></image>
				</view> -->
				<view>
					<image src="https://img2.baidu.com/it/u=2237039644,3735368368&fm=26&fmt=auto" class="face">
					</image>
				</view>
				<view class="info-wapper" >
					<view class="nickname status_flex">
						英雄
					</view>
					<view class="nav-info status_flex">45059465@qq.com</view>
				</view>
				<!-- <view class="info-wapper" v-else>
					<navigator url="../registerLogin/registerLogin">
						<view class="nickname" @click="toregistorList">
							登陆/注册
						</view>
					</navigator>
				</view> -->
				<view class="info-arrow">
					<navigator url="../meInfo/meInfo">
						<image src="../../static/home/rightArrow.svg" class="arrow"></image>
					</navigator>
				</view>
			</view>
		</view>
		
		<view class="boxs-first">
			<uni-card>
				<view class="big-box">
					<image src="../../static/me/bill.svg" class="big-box-img"></image>
					<p>账单</p>
					<view class="img-box">
						<image src="../../static/me/rightArrow.svg" class="img-box-img"></image>
					</view>
				</view>
				
				<view class="big-box">
					<image src="../../static/me/bill.svg" class="big-box-img"></image>
					<p>支付宝会员</p>
					<view class="img-box">
						<image src="../../static/me/rightArrow.svg" class="img-box-img"></image>
					</view>
				</view>
			
			</uni-card>
			
			<uni-card>
				<view class="big-box">
					<image src="../../static/me/bill.svg" class="big-box-img"></image>
					<p>账单</p>
					<view class="img-box">
						<image src="../../static/me/rightArrow.svg" class="img-box-img"></image>
					</view>
				</view>
				
				<view class="big-box">
					<image src="../../static/me/bill.svg" class="big-box-img"></image>
					<p>支付宝会员</p>
					<view class="img-box">
						<image src="../../static/me/rightArrow.svg" class="img-box-img"></image>
					</view>
				</view>
				
				<view class="big-box">
					<image src="../../static/me/bill.svg" class="big-box-img"></image>
					<p>支付宝会员</p>
					<view class="img-box">
						<image src="../../static/me/rightArrow.svg" class="img-box-img"></image>
					</view>
				</view>
				<view class="big-box">
					<image src="../../static/me/bill.svg" class="big-box-img"></image>
					<p>支付宝会员</p>
					<view class="img-box">
						<image src="../../static/me/rightArrow.svg" class="img-box-img"></image>
					</view>
				</view>
				<view class="big-box">
					<image src="../../static/me/bill.svg" class="big-box-img"></image>
					<p>支付宝会员</p>
					<view class="img-box">
						<image src="../../static/me/rightArrow.svg" class="img-box-img"></image>
					</view>
				</view>
				<view class="big-box">
					<image src="../../static/me/bill.svg" class="big-box-img"></image>
					<p>支付宝会员</p>
					<view class="img-box">
						<image src="../../static/me/rightArrow.svg" class="img-box-img"></image>
					</view>
				</view>
				<view class="big-box">
					<image src="../../static/me/bill.svg" class="big-box-img"></image>
					<p>支付宝会员</p>
					<view class="img-box">
						<image src="../../static/me/rightArrow.svg" class="img-box-img"></image>
					</view>
				</view>
			</uni-card>
			
			
			<uni-card>
				<view class="big-box">
					<image src="../../static/me/bill.svg" class="big-box-img"></image>
					<p>账单</p>
					<view class="img-box">
						<image src="../../static/me/rightArrow.svg" class="img-box-img"></image>
					</view>
				</view>
				
				<view class="big-box">
					<image src="../../static/me/bill.svg" class="big-box-img"></image>
					<p>支付宝会员</p>
					<view class="img-box">
						<image src="../../static/me/rightArrow.svg" class="img-box-img"></image>
					</view>
				</view>
				
				<view class="big-box">
					<image src="../../static/me/bill.svg" class="big-box-img"></image>
					<p>支付宝会员</p>
					<view class="img-box">
						<image src="../../static/me/rightArrow.svg" class="img-box-img"></image>
					</view>
				</view>
				<view class="big-box">
					<image src="../../static/me/bill.svg" class="big-box-img"></image>
					<p>支付宝会员</p>
					<view class="img-box">
						<image src="../../static/me/rightArrow.svg" class="img-box-img"></image>
					</view>
				</view>
				<view class="big-box">
					<image src="../../static/me/bill.svg" class="big-box-img"></image>
					<p>支付宝会员</p>
					<view class="img-box">
						<image src="../../static/me/rightArrow.svg" class="img-box-img"></image>
					</view>
				</view>
				<view class="big-box">
					<image src="../../static/me/bill.svg" class="big-box-img"></image>
					<p>支付宝会员</p>
					<view class="img-box">
						<image src="../../static/me/rightArrow.svg" class="img-box-img"></image>
					</view>
				</view>
				<view class="big-box">
					<image src="../../static/me/bill.svg" class="big-box-img"></image>
					<p>支付宝会员</p>
					<view class="img-box">
						<image src="../../static/me/rightArrow.svg" class="img-box-img"></image>
					</view>
				</view>
			</uni-card>
			
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				userIsLogin: false,
				userInfo: {}
			}
		},
		onShow() {
			this.userInfo = uni.getStorageSync("globalUser")
			console.log(this.userInfo);
			if(this.userInfo) {
				this.userIsLogin = true
			} else {
				this.userIsLogin = false
				this.userInfo = {}
			}
		},
		methods: {
			// 页面跳转
			viewMeInfo() {
				uni.navigateTo({
					url: "../informationSetting/informationSetting"
				})
			},
			
			viewMeInfo1() {
				console.log(123);
				uni.navigateTo({
					url: "../index/index"
				})
			},
			
			// 登录注册
			toregistorList() {
				uni.navigateTo({
					url: "../registorLogin/registorLogin"
				})
			}
		}
	}
</script>

<style scoped>
	@import url("me.scss");
</style>
